<style include="cr-shared-style app-management-cros-shared-css">
  .app-management-item-arrow {
    margin-inline-end: 8px;
  }

  #no-apps-label {
    text-align: center;
  }
</style>

<div id="app-list">
  <template is="dom-repeat" items="[[appList_]]" as="app">
    <app-management-app-item app="[[app]]">
      <cr-icon-button slot="right-content"
          id$="app-subpage-button-[[app.id]]"
          class="subpage-arrow app-management-item-arrow"
          aria-label$="[[app.title]]"
          role="link"
          actionable>
      </cr-icon-button>
    </app-management-app-item>
  </template>
</div>

<template is="dom-if" if="[[isAppListEmpty_(appList_)]]">
  <div id="no-apps-label" class="cr-secondary-text">
    $i18n{appManagementNoAppsFound}
  </div>
</template>
